<template>
  <div class="shops-container">
    <ul class="hot-shops">
      <li>
        <router-link to="">
          <div class="images">
            <img src="../../assets/images/home/1.jpg" alt="" />
          </div>
          <p>
            【官网价直降1100】Apple iPhone 8 Plus 256 GB 银色 移动联通电信4G手机
          </p>
        </router-link>
        <h3>定金：￥100.00</h3>
      </li>
      <li>
        <router-link to="">
          <div class="images">
            <img src="../../assets/images/home/1.jpg" alt="" />
          </div>
          <p>
            【官网价直降1100】Apple iPhone 8 Plus 256 GB 银色 移动联通电信4G手机
          </p>
        </router-link>
        <h3>定金：￥100.00</h3>
      </li>
      <li>
        <router-link to="">
          <div class="images">
            <img src="../../assets/images/home/1.jpg" alt="" />
          </div>
          <p>
            【官网价直降1100】Apple iPhone 8 Plus 256 GB 银色 移动联通电信4G手机
          </p>
        </router-link>
        <h3>定金：￥100.00</h3>
      </li>
      <li>
        <router-link to="">
          <div class="images">
            <img src="../../assets/images/home/1.jpg" alt="" />
          </div>
          <p>
            【官网价直降1100】Apple iPhone 8 Plus 256 GB 银色 移动联通电信4G手机
          </p>
        </router-link>
        <h3>定金：￥100.00</h3>
      </li>
    </ul>
  </div>
</template>

<script>
export default {
  name: 'HotShops'
}
</script>

<style lang="less" scoped>
.hot-shops {
  display: flex;
  justify-content: space-around;
  li {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 270px;
    padding: 10px;
    border: 1px solid #9d3b43;
    a {
      display: block;
      width: 240px;
      .images {
        width: 100%;
        padding: 0 10px;
        img {
          width: 100%;
          height: 200px;
        }
      }
      p {
        margin-top: 20px;
        color: #333;
        font-size: 12px;
        line-height: 24px;
      }
    }
    h3 {
      width: 100%;
      color: #e22519;
      font-weight: 400;
      padding-left: 3px;
    }
  }
}
</style>
